﻿    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="IMark.Default" %>
<%@ Register src="UC/SanPhamMoiNhatCtrl.ascx" tagname="SanPhamMoiNhatCtrl" tagprefix="uc1" %>
<%@ Register src="UC/SanPhamTrangChuCtrl.ascx" tagname="SanPhamTrangChuCtrl" tagprefix="uc2" %>
<%@ Register src="UC/MeneMetroBottomCtrl.ascx" tagname="MeneMetroBottomCtrl" tagprefix="uc1" %>
<%@ Register src="UC/TopMenuCtrl.ascx" tagname="TopMenuCtrl" tagprefix="uc1" %>
<%@ Register src="UC/TopHeaderCtrl.ascx" tagname="TopHeaderCtrl" tagprefix="uc1" %>
<%@ Register src="UC/MenuLoaiSPCtrl.ascx" tagname="MenuLoaiSPCtrl" tagprefix="uc1" %>
<%@ Register src="UC/SanPhamHotCtrl.ascx" tagname="SanPhamHotCtrl" tagprefix="uc1" %>
<%@ Register src="UC/SanPhamDacBietCtrl.ascx" tagname="SanPhamDacBietCtrl" tagprefix="uc1" %>
<%@ Register src="UC/DangKyNhanTinCtrl.ascx" tagname="DangKyNhanTinCtrl" tagprefix="uc1" %>
<%@ Register src="UC/SlideTinTucCtrl.ascx" tagname="SlideTinTucCtrl" tagprefix="uc1" %>
<%@ Register src="UC/SlideDefault.ascx" tagname="SlideDefault" tagprefix="uc1" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>    
    <meta charset="UTF-8"/>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport"/>
    <meta content="Flatroshop online shopping point" name="description"/>
    <meta content="logoby.us" name="author"/>
    <link href="images/ico.png" rel="shortcut icon"/>
    <title>Baymax - Online </title>

    <!-- Reset CSS -->
    <link href="css/normalize.css" rel="stylesheet" type="text/css" />

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet"/>

    <!-- Iview Slider CSS -->
    <link href="css/iview.css" rel="stylesheet"/>

    <!--	Responsive 3D Menu	-->
    <link href="css/menu3d.css" rel="stylesheet" />

    <!-- Animations -->
    <link href="css/animate.css" rel="stylesheet" type="text/css" />

    <!-- Custom styles for this template -->
    <link href="css/custom.css" rel="stylesheet" type="text/css" />

    <!-- Style Switcher -->
    <link href="css/style-switch.css" rel="stylesheet" type="text/css" />
    <link href="js/jui/jquery-ui-1.8.21.custom.css" rel="stylesheet" />

    <!-- Color -->
    <link href="css/skin/color.css" id="colorstyle" rel="stylesheet"/>
    <%--<link href="css/skin/color-Baymax.css" rel="stylesheet" />--%>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <![endif]-->

    <!-- Bootstrap core JavaScript -->
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/jui/jquery-ui.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-select.js"></script>

    <!-- Custom Scripts -->
    <script src="js/scripts.js"></script>

    <!-- MegaMenu -->
    <script src="js/menu3d.js" type="text/javascript"></script>

    <!-- iView Slider -->
    <script src="js/raphael-min.js" type="text/javascript"></script>
    <script src="js/jquery.easing.js" type="text/javascript"></script>
    <script src="js/iview.js" type="text/javascript"></script>
    <script src="js/retina-1.1.0.min.js" type="text/javascript"></script>
    <script src="js/DatHang.js"></script>
    <!--[if IE 8]>
    <script type="text/javascript" src="js/selectivizr.js"></script>
    <![endif]-->
</head>
<body>
    <form id="form1" runat="server">
        <!-- Header -->
        <header>
            <!-- Top Heading Bar -->
            <uc1:TopHeaderCtrl ID="TopHeaderCtrl1" runat="server" />
            <!-- end: Top Heading Bar -->

            
            <div class="f-space20"></div>
            <!-- Menu -->
            <div class="container">
                <div class="row clearfix">
                    
                    <uc1:MenuLoaiSPCtrl ID="MenuLoaiSPCtrl1" runat="server" />
                    <div class="col-lg-9 col-md-9 col-sm-8 col-xs-12 menu-col-2">
                        <!-- Navigation Buttons/Quick Cart for Tablets and Desktop Only -->
                        <uc1:TopMenuCtrl ID="TopMenuCtrl1" runat="server" />
                        <!-- end: Navigation Buttons/Quick Cart Tablets and large screens Only -->
                        <!-- Top Searches for tablets and large screens -->
                        <div class="top-searchs hidden-xs">
                            <span class="title">Xu hướng tìm kiếm</span>
                            <span class="links" id="lnkXuHuongTimKiem" runat="server"></span>
                        </div>
                        <!-- end: Top Searches -->

                        <!-- Quick Help for tablets and large screens -->
                        <div class="quick-message hidden-xs">
                            <div class="quick-box">
                                <div class="quick-slide">
                                    <span class="title">Help</span>
                                    <div class="quickbox slide" id="quickbox">
                                        <div class="carousel-inner">
                                            <div class="item active"><a href="#a"><i class="fa fa-envelope fa-fw"></i>Gửi email</a> </div>
                                            <div class="item"><a href="#a"><i class="fa fa-question-circle fa-fw"></i>Chat Online</a> </div>
                                            <div class="item"><a href="#a"><i class="fa fa-phone fa-fw"></i>0838 666 888</a> </div>
                                        </div>
                                    </div>
                                    <a class="left carousel-control" data-slide="prev" href="#quickbox"><i class="fa fa-angle-left fa-fw"></i></a><a class="right carousel-control" data-slide="next" href="#quickbox"><i class="fa fa-angle-right fa-fw"></i></a>
                                </div>
                            </div>
                        </div>
                        <!-- end: Quick Help -->

                        <div class="clearfix"></div>
                        <!-- Iview Slider -->
                        
                            <uc1:SlideDefault ID="SlideDefault1" runat="server" />
                        
                    </div>
                </div>
            </div>
        </header>
        <!-- end: Header -->
        <!-- Products -->
        <div class="row clearfix f-space30"></div>
        <div class="container">
            <div class="row">
                <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12 main-column box-block">
                    <uc1:SanPhamHotCtrl ID="SanPhamHotCtrl1" runat="server" />
                    
                </div>
                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 box-block sidebar">
                    <uc1:SanPhamMoiNhatCtrl ID="SanPhamMoiNhatCtrl1" runat="server" />
                </div>
            </div>
        </div>
        <!--SAN PHAM NOI BAT-->
        <uc2:SanPhamTrangChuCtrl ID="SanPhamTrangChuCtrl1" runat="server" />
        <!--END SAN PHAM NOI BAT-->
        <!-- end: Products -->
        <uc1:MeneMetroBottomCtrl ID="MeneMetroBottomCtrl1" runat="server" />
        <!-- Widgets -->
        <div class="row clearfix f-space30"></div>
        <div class="container">
            <div class="row">
                <!-- Sidebar -->
                
                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 box-block sidebar">
                    
                    <!-- Best Sellers Products -->
                    <uc1:SanPhamDacBietCtrl ID="SanPhamDacBietCtrl1" runat="server" /> 
                    <!-- end: Best Sellers Products -->
                    <div class="row clearfix f-space10"></div>
                    <!-- Get Updates Box -->
                    <uc1:DangKyNhanTinCtrl ID="DangKyNhanTinCtrl1" runat="server" />
                    <!-- end: Get Updates Box -->
                </div>
                <!-- end: Sidebar -->
                <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
                    <uc1:SlideTinTucCtrl ID="SlideTinTucCtrl1" runat="server" />
                    <div class="row">
                        <!-- Brands -->
                        <div class="col-md-12 main-column box-block brands-block">
                            <div class="box-heading"><span>Đối tác của chúng tôi</span></div>
                            <div class="box-content">
                                <div class="box-products box-brands slide" id="brands">
                                    <div class="carousel-controls"><a class="carousel-control left" data-slide="prev" href="#brands"><i class="fa fa-angle-left fa-fw"></i></a><a class="carousel-control right" data-slide="next" href="#brands"><i class="fa fa-angle-right fa-fw"></i></a></div>
                                    <div class="carousel-inner">
                                        <div class="brands-row item active">
                                            <div class="brand-logo"><a href="#a">
                                                <img src="images/brands/logo1.png" alt="" /></a></div>
                                            <div class="brand-logo"><a href="#a">
                                                <img src="images/brands/logo2.png" alt="" /></a></div>
                                            <div class="brand-logo"><a href="#a">
                                                <img src="images/brands/logo3.png" alt="" /></a></div>
                                            <div class="brand-logo"><a href="#a">
                                                <img src="images/brands/logo1.png" alt="" /></a></div>
                                        </div>
                                        <div class="brands-row item">
                                            <div class="brand-logo"><a href="#a">
                                                <img src="images/brands/logo3.png" alt="" /></a></div>
                                            <div class="brand-logo"><a href="#a">
                                                <img src="images/brands/logo2.png" alt="" /></a></div>
                                            <div class="brand-logo"><a href="#a">
                                                <img src="images/brands/logo1.png" alt="" /></a></div>
                                            <div class="brand-logo"><a href="#a">
                                                <img src="images/brands/logo3.png" alt="" /></a></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end: Brands -->
                </div>
            </div>
        </div>
        <!-- end: Widgets -->
        <div class="row clearfix f-space30"></div>
        <!-- footer -->
        <footer class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-sm-3 col-xs-12 shopinfo">
                        <h4 class="title">Baymax Online</h4>
                        <p>Baymax cam kết mọi hàng hóa trên Baymax đều có nguồn gốc rõ ràng .</p>
                        <p>Tất cả sản phẩm đều được bảo hành (nếu có) theo đúng quy định của nhà sản xuất . </p>
                    </div>
                    <div class="col-sm-3 col-xs-12 footermenu">
                        <h4 class="title">Thông tin</h4>
                        <ul>
                            <li class="item"><a href="#a">Phương thức giao hàng</a></li>
                            <li class="item"><a href="#a">Câu hỏi thường gặp</a></li>
                            <li class="item"><a href="#a">Phương thức thanh toán</a></li>
                        </ul>
                    </div>
                    <div class="col-sm-3 col-xs-12 footermenu">
                        <h4 class="title">Tài khoản của bạn</h4>
                        <ul>
                            <li class="item"><a href="#a">Đăng nhập</a></li>
                            <li class="item"><a href="#a">Đăng ký</a></li>
                            <li class="item"><a href="#a">Quên mật khẩu</a></li>
                        </ul>
                    </div>
                    <div class="col-sm-3 col-xs-12 getintouch">
                        <h4 class="title">Địa chỉ liên hệ</h4>
                        <ul>
                            <li>
                                <div class="icon"><i class="fa fa-map-marker fa-fw"></i></div>
                                <div class="c-info">
                                    <span>227 Nguyễn Văn Cừ<br>
                                        <a href="#a">Quận 5 Hồ Chí Minh</a></span>
                                </div>
                            </li>
                            <li>
                                <div class="icon"><i class="fa fa-envelope-o fa-fw"></i></div>
                                <div class="c-info">
                                    <span>Email:<br>
                                        <a href="#a">contact@Baymax.vn</a></span>
                                </div>
                            </li>
                            <li>
                                <div class="icon"><i class="fa fa-phone fa-fw"></i></div>
                                <div class="c-info">
                                    <span>Hỗ trợ 24/7:<br>
                                        <a href="#a">0838 666 888</a></span>
                                </div>
                            </li>
                            <li>
                                <div class="icon"><i class="fa fa-skype fa-fw"></i></div>
                                <div class="c-info">
                                    <span>Trò chuyện với<br>
                                        <a href="#a">Baymax</a></span>
                                </div>
                            </li>
                        </ul>
                        <div class="social-icons">
                            <ul>
                                <li class="icon google-plus"><a href="#a"><i class="fa fa-google-plus fa-fw"></i></a></li>
                                <li class="icon linkedin"><a href="#a"><i class="fa fa-linkedin fa-fw"></i></a></li>
                                <li class="icon twitter"><a href="#a"><i class="fa fa-twitter fa-fw"></i></a></li>
                                <li class="icon facebook"><a href="#a"><i class="fa fa-facebook fa-fw"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="copyrights">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-sm-8 col-xs-12"><span class="copytxt">&copy; Copyright 2014  <a href="#a">AnHai EoVi</a> 22/11/2014</span> <span class="btmlinks"><a href="#a">Điều khoản</a> | <a href="#a">Giấy phép kinh doanh</a></span> </div>
                        <%--<div class="col-lg-4 col-sm-4 col-xs-12 payment-icons"> <a href="#a"> <img src="images/icons/discover.png" alt="discover"> </a> <a href="#a"> <img src="images/icons/2co.png" alt="2co"> </a> <a href="#a"> <img src="images/icons/paypal.png" alt="paypal"> </a> <a href="#a"> <img src="images/icons/mastercard.png" alt="master card"> </a> <a href="#a"> <img src="images/icons/visa.png" alt="visa card"> </a> <a href="#a"> <img src="images/icons/moneybookers.png" alt="moneybookers"> </a> </div>--%>
                    </div>
                </div>
            </div>
        </footer>
        <!-- end: footer -->

        <!-- Style Switcher JS -->
        <%--<script src="js/style-switch.js" type="text/javascript"></script>
        <section id="style-switch" class="bgcolor3">
            <h2>Style Switch <a href="#" class="btn color2"><i class="fa fa-cog "></i></a></h2>
            <div class="inner">
                <h3>Predefined Styles</h3>
                <ul class="colors list-unstyled" id="color1">
                    <li><a href="#" class="blue-red" data-toggle="tooltip" title="Blue Red"><i class="fa fa-cog fa-stop one"></i><i class="fa fa-cog fa-stop two"></i></a></li>
                    <li><a href="#" class="midnight-blue" data-toggle="tooltip" title="Midnight Blue"><i class="fa fa-cog fa-stop one"></i><i class="fa fa-cog fa-stop two"></i></a></li>
                    <li><a href="#" class="mono-red" data-toggle="tooltip" title="Mono Red"><i class="fa fa-cog fa-stop one"></i><i class="fa fa-cog fa-stop two"></i></a></li>
                    <li><a href="#" class="pinegreen-purple" data-toggle="tooltip" title="PineGreen Purple"><i class="fa fa-cog fa-stop one"></i><i class="fa fa-cog fa-stop two"></i></a></li>
                    <li><a href="#" class="darkmagenta-rosybrown" data-toggle="tooltip" title="DarkMagenta RosyBrown"><i class="fa fa-cog fa-stop one"></i><i class="fa fa-cog fa-stop two"></i></a></li>
                    <li><a href="#" class="darkorchid-seagreen" data-toggle="tooltip" title="DarkOrchid SeaGreen"><i class="fa fa-cog fa-stop one"></i><i class="fa fa-cog fa-stop two"></i></a></li>
                    <li><a href="#" class="steel-blue" data-toggle="tooltip" title="Steel Blue"><i class="fa fa-cog fa-stop one"></i><i class="fa fa-cog fa-stop two"></i></a></li>
                    <li><a href="#" class="cadetblue-violetred" data-toggle="tooltip" title="CadetBlue VioletRed"><i class="fa fa-cog fa-stop one"></i><i class="fa fa-cog fa-stop two"></i></a></li>
                    <li><a href="#" class="mediumpurple-seagreen" data-toggle="tooltip" title="MediumPurple SeaGreen"><i class="fa fa-cog fa-stop one"></i><i class="fa fa-cog fa-stop two"></i></a></li>
                    <li><a href="#" class="steelblue-leafgreen" data-toggle="tooltip" title="SteelBlue LeafGreen"><i class="fa fa-cog fa-stop one"></i><i class="fa fa-cog fa-stop two"></i></a></li>
                    <li><a href="#" class="orange-steelblue" data-toggle="tooltip" title="Orange SteelBlue"><i class="fa fa-cog fa-stop one"></i><i class="fa fa-cog fa-stop two"></i></a></li>
                    <li><a href="#" class="gray" data-toggle="tooltip" title="Gray"><i class="fa fa-cog fa-stop one"></i><i class="fa fa-cog fa-stop two"></i></a></li>
                </ul>
            </div>
            <div id="reset" class="inner"><a href="#" class="btn normal color2 ">Reset</a></div>
        </section>--%>
        <script>

            (function ($) {
                "use strict";
                $('#menuMega').menu3d();
                

                $('.quickbox').carousel({
                    interval: 10000
                });
                $('#monthly-deals').carousel({
                    interval: 3000
                });
                $('#productc2').carousel({
                    interval: 4000
                });
                $('#tweets').carousel({
                    interval: 5000
                });
            })(jQuery);


            $("#menuMega").attr("class", "menu3dmega vertical responsive skin-blue-dark");
        </script>
    </form>
</body>
</html>
